<template>
  <el-container class="upload-container">
    <div class="upload-div">
      <el-header style="height:50px">
        <ul class="upload-header">
          <li style="padding-left:10px">
            <router-link to="/upload/uploadvideo">视频投稿</router-link>
          </li>
          <li>
            <router-link to="/upload/uploadarticle">专栏投稿</router-link>
          </li>
        </ul>
      </el-header>
      <el-divider></el-divider>
      <router-view></router-view>
      <el-main></el-main>
    </div>
  </el-container>
</template>

<script>
export default {
  name: "upload",
  data() {
    return {};
  }
};
</script>

<style scoped>
.upload-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1400px;
  background-color: white;
}
.upload-div {
  position: absolute;
  top: 120px;
  background-color: rgb(255, 255, 255);
  border: solid 1px #e6e6e6;
  width: 80%;
}
.upload-header li {
  float: left;
  font-size: 20px;
  padding-top: 20px;
  padding-left: 40px;
}
.upload-header li:hover {
  color: rgb(97, 97, 243);
}
</style>

